<template lang="html">
  <div class="mine-order-page">
    <tabs :value='value' @getIndex='setIndex'>
      <tab label="全部" index='1'>
        <OrderContent :orderList='orderList'/>
      </tab>
      <tab label="待付款" index='2'>
        <OrderContent :orderList='orderList'/>
      </tab>
      <tab label="待发货" index='3'>
        <OrderContent :orderList='orderList'/>
      </tab>
      <tab label="待收货" index='4'>
        <OrderContent :orderList='orderList'/>
      </tab>
      <tab label="待评价" index='5'>
        <OrderContent :orderList='orderList'/>
      </tab>
    </tabs>
  </div>
</template>

<script>
import OrderContent from '../../components/Mine/OrderContent'
export default {
  name:'MineOrderPage',
  components:{
    OrderContent
  },
  data(){
    return{
      value:'1',
      orderList:[
        {
          id:'1234',
          title:'五谷养生粥',
          img:require('@/assets/img/mine/mine-star_06.png'),
          context:'增进食欲，促进消化',
          price:'26.00',
          delprice:'30.00',
          num:1
        },
        {
          id:'1255',
          title:'五谷养生粥',
          img:require('@/assets/img/mine/mine-star_06.png'),
          context:'增进食欲，促进消化',
          price:'26.00',
          delprice:'30.00',
          num:1
        }
      ]
    }
  },
  methods:{
    setIndex(temp){
      this.value = temp
    }
  }
}
</script>

<style lang="css">
</style>
